<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<link href="css/stil.css" rel="stylesheet" type="text/css" />
<link href="css/stil_slide.css" rel="stylesheet" type="text/css" />
<!--  jQuery library	-->
	<script type="text/javascript" src="js/jquery-1.4.2.min.js"></script>
	
	<!--  jCarousel library	-->
	<script type="text/javascript" src="js/jquery.jcarousel.min.js"></script>
	<script type="text/javascript" src="js/funkcije.js" charset="utf-8"></script>
<script type="text/javascript">

		function mycarousel_initCallback(carousel)
		{
			// Disable autoscrolling if the user clicks the prev or next button.
			carousel.buttonNext.bind('click', function() {
				carousel.startAuto(0);
			});

			carousel.buttonPrev.bind('click', function() {
				carousel.startAuto(0);
			});

			// Pause autoscrolling if the user moves with the cursor over the clip.
			carousel.clip.hover(function() {
				carousel.stopAuto();
			}, function() {
				carousel.startAuto();
			});
		};

		jQuery(document).ready(function() {
			jQuery('#mycarousel').jcarousel({
				auto: 2,
				wrap: 'last',
				initCallback: mycarousel_initCallback
			});
		});

	</script>

</head>
<body>
<div id="neki"></div>
<div id="celota">
<!-- glava -->
<div id="glava">
<div id="logo"></div>
<div id="meni">
				<a href="#">Domov</a>
				<a href="#">O nas</a>
				<a href="#">Slike</a>
				<a href="#">Dogodki</a>
				<a href="#">Kontakt</a>
</div><!-- meni close -->
<div id="bar" class="default"><form class="form"><label class="label">Iskanje:</label><input type="text" /><input type="submit" class="submit" value="Iskanje" /></form></div><!-- bar close -->
</div><!-- glava close -->

<!-- pod glavo -->
		  <ul id="mycarousel" class="jcarousel-skin-tango">
			<li><img src="http://static.flickr.com/66/199481236_dc98b5abb3_s.jpg" width="300" height="200" alt="" /></li>
			<li><img src="http://static.flickr.com/75/199481072_b4a0d09597_s.jpg" width="300" height="200" alt="" /></li>
			<li><img src="http://static.flickr.com/57/199481087_33ae73a8de_s.jpg" width="300" height="200" alt="" /></li>
			<li><img src="http://static.flickr.com/77/199481108_4359e6b971_s.jpg" width="300" height="200" alt="" /></li>
			<li><img src="http://static.flickr.com/58/199481143_3c148d9dd3_s.jpg" width="300" height="200" alt="" /></li>
			<li><img src="http://static.flickr.com/72/199481203_ad4cdcf109_s.jpg" width="300" height="200" alt="" /></li>
			<li><img src="http://static.flickr.com/58/199481218_264ce20da0_s.jpg" width="300" height="200" alt="" /></li>
			<li><img src="http://static.flickr.com/69/199481255_fdfe885f87_s.jpg" width="300" height="200" alt="" /></li>
			<li><img src="http://static.flickr.com/60/199480111_87d4cb3e38_s.jpg" width="300" height="200" alt="" /></li>
			<li><img src="http://static.flickr.com/70/229228324_08223b70fa_s.jpg" width="300" height="200" alt="" /></li>
		  </ul>
         
<!-- vsebina  -->
<div id="vsebina">
		<div id="levi_blok">
         <div class="login">
 	<div class="wrapper">
    	<h2>Prijava</h2>
    	<form class="form" action="#" method="GET">
        	Uporabniško ime:<br />
            <input type="text" name="username" class="txt"  />
            Geslo:<br />
            <input type="password" name="password" class="txt"  />
            Zapomni si me <input type="checkbox" name="remember" />
            <input type="submit" name="submit" class="submit" value="Prijava" />
        </form>
        <a href="">Pozabili geslo?</a>
        <a href="">Pozabili uporabniško ime?</a>
        <a href="">Ustvari nov račun</a>
    </div>
 </div><!-- login close -->
 
        <div id="novice">
        <h2>Zadnji dogodki</h2>
        	<div id="podslika"></div>
       <p></br>tukaj bodo zadnji dogodki </p>
       </div><!-- novice close -->
        
        
        <div id="top_dogodki">
        <h2>Top dogodki</h2>
        	<div id="podslika"></div>
       <p></br>tukaj bodo top dogodki </p>
       
        </div><!-- top close -->
         </div><!-- levi_blok close -->
         
         <div id="desni_blok"><h2>Vsebina</h2><p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed massa odio, varius ultrices aliquam rhoncus, consectetur id magna. Vivamus bibendum justo quis nulla imperdiet a ullamcorper diam feugiat. Suspendisse ut leo magna. Phasellus sapien enim, fermentum sed molestie a, bibendum vitae mauris. Aliquam luctus iaculis blandit. Cras ut mauris ipsum. Phasellus placerat massa nec mi viverra vestibulum. Nullam venenatis rutrum nisi, ut semper dui consectetur sed.</br></br>

Etiam at arcu turpis. Suspendisse ultrices ullamcorper sodales. Suspendisse bibendum, urna quis pharetra posuere, sapien metus laoreet nunc, ornare luctus dolor sem a lacus. Nulla ultrices, magna nec eleifend tempus, metus sem dictum magna, eget malesuada odio leo in nisi. Etiam magna felis, posuere ut ultricies ac, convallis placerat nisi. Praesent ut augue non dui tempus iaculis vel vitae ante. Ut in enim eu neque suscipit tempor sit amet tempor felis. Cras convallis sagittis dolor. Aenean porta, massa non eleifend dignissim, dui diam tristique felis, ut molestie orci velit accumsan ligula. Cras fermentum venenatis dui in tincidunt. Vestibulum tempor tincidunt enim eget imperdiet. Aliquam erat volutpat. Aenean vitae neque adipiscing tellus cursus aliquam. Aliquam non mauris et nulla luctus pharetra eu sit amet magna. Etiam vestibulum leo sed arcu consequat commodo. Morbi et consequat ante.
</br></br>
Praesent eu malesuada purus. Maecenas id sem mauris, id iaculis nisi. Nulla ut tortor eu justo posuere accumsan nec et est. Integer facilisis lacinia ante, et faucibus neque vestibulum eget. Nulla nec odio nulla, quis dapibus felis. Ut gravida elit sit amet diam tristique fermentum. Aenean sit amet risus nisi, quis semper ante. Vestibulum non libero neque, sed interdum leo.</br></br>

Nam volutpat euismod arcu nec mollis. Pellentesque iaculis blandit tincidunt. Mauris nec velit sit amet risus tempus luctus. Duis tempor aliquam tortor, dignissim facilisis odio pulvinar ut. Aenean eleifend pretium ipsum et fringilla. Nulla vitae arcu sit amet neque sollicitudin feugiat eget a magna. Vestibulum posuere, purus nec rutrum suscipit, tellus diam dictum velit, vel dapibus enim diam eu sapien. In vitae metus ipsum, in aliquam magna. Maecenas eget suscipit erat.</br></br>

Vestibulum sed nibh quam. Mauris et leo elit, eu ultricies lorem. Ut at eleifend felis. Integer eu elit neque, quis convallis ipsum. Quisque ultrices mauris id nibh iaculis aliquam. Vivamus eu fringilla mauris. Pellentesque pharetra tellus suscipit arcu semper at accumsan purus imperdiet. Suspendisse posuere fringilla mauris, in cursus mi varius eget. Suspendisse nisi dolor, eleifend vel aliquet eu, ornare id arcu.</br></br><a href="http://demotemplates.joomlashack.com/studio_free/">Joomla template</a> </p></div><!-- desni_blok close -->

</div><!-- vsebina close -->

 <!-- noga     -->  
 
 <div id="noga_fake"></div>

<div id="noga"><h3>Share</h3><div id="fb"></div><div id="google"></div>
                                    <div id="twiter"></div>
			</div>
</div>
</body>
</html>